<template>
	<view class="main">
		<view class="hand">
			<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//dbleft.png" @click="blackbtn"></image>
			添加充电区
		</view>
		<view class="show">
			<view class="sone">
				<view class="sonefoot">
					<view class="sfshang">
						{{list.projectName}}
					</view>
					<view class="sfxia">
						<view>创建时间：{{list.createTime}}</view>
						<view>项目地址：{{list.address}}</view>
					</view>
				</view>
			</view>
			<view class="stwo">
				<view class="stwohand">
					充电区名称
				</view>
				<input placeholder="请输入充电区的名称" v-model="name" maxlength="50"/>
			</view>
			<view class="stwo">
				<view class="stwohand">
					备注
				</view>
				<textarea placeholder="请输入备注信息" v-model="marks" maxlength="50"/>
			</view>
			<view class="stwo" style="margin-bottom: 20upx;">
				<van-radio-group v-model="radio2" @change='changeradio2' direction="horizontal">
				  <van-radio name="0">充电桩</van-radio>
				  <van-radio name="1">充电柜</van-radio>
				</van-radio-group>
			</view>
			<view class="sthree">
				<view class="sthreehand">
					充电模式
				</view>
				<view class="sthreefoot" >
					<view class="smont">
						<view class="sfleft">
							<view>常用</view> 
							<van-switch :checked="type0" @change="cebtn(0)"/>
						</view>
						<view class="sfright" v-if="type0==true" @click="cebtn(0)">更换</view>
					</view>
					<view class="smontwo" v-if="type0==true&&JSON.stringify(onetap)!='{}'">
						<view class="smleft">
							<view class="smshang">
								{{onetap.packageName}}
							</view>
							<view v-if="onetap.types=='B2'">
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'b1'">
									{{item1.standard}}元/度
								</view>
							</view>
							<view v-if="onetap.types=='B5'">
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'b1'">
									<div>费  率：{{item1.standard}}元/度</div>
									<div>服务费：{{item1.num}}元/度</div>
								</view>
							</view>
							<view v-if="onetap.types=='B1'">
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'a1'"
									v-if="item1.minPower!=item1.maxPower">
									{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/时</view>
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'a2'"
									v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元/时
								</view>
							</view>
							<view v-if="onetap.types=='B3'">
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'a1'"
									v-if="item1.minPower!=item1.maxPower">
									{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/次</view>
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'a2'"
									v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元/次
								</view>
							</view>
							<view v-if="onetap.types=='B4'">
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'a1'"
									v-if="item1.minPower!=item1.maxPower">
									{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}小时</view>
								<view class="smxia" v-for="(item1, index1) in onetap.steps" :key="index1+'a2'"
									v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}小时
								</view>
							</view>
						</view>
						<view class="smright bscolor" v-if="onetap.types=='B1'">计时</view>
						<view class="smright blcolor" v-if="onetap.types=='B2'">计量</view>
						<view class="smright bccolor" v-if="onetap.types=='B3'">计次</view>
						<view class="smright bccolor" style="color:#ffaa00" v-if="onetap.types=='B4'">一元</view>
					</view>
				</view>
				
				<view class="sthreefoot" v-if="addNew==0">
					<view class="smont">
						<view class="sfleft">
							<view>包月</view> 
							<van-switch :checked="type1" @change="cebtn(1)"/>
						</view>
						<view class="sfright" v-if="type1==true" @click="cebtn(1)">更换</view>
					</view>
					<view class="smontwo" v-if="type1==true&&JSON.stringify(twotap)!='{}'">
						<view class="smleft" >
							<view class="smshang">
								{{twotap.packageName}}
							</view>
								<view class="smxia" v-if="twotap.types=='A1'">{{twotap.monthStandard}}元/月{{twotap.monthNum}}小时，加油包: {{twotap.comeStandard}}元{{twotap.comeNum}}小时</view>
								<view class="smxia" v-if="twotap.types=='A3'">{{twotap.monthStandard}}元/月{{twotap.monthNum}}次，加油包: {{twotap.comeStandard}}元{{twotap.comeNum}}次</view>
						</view>
						<view class="smright bscolor" v-if="twotap.types=='A1'">包时</view>
						<view class="smright bccolor" v-if="twotap.types=='A3'">包次</view>
					</view>
				</view>
				
				
				<view class="sthreefoot" >
					<view class="smont">
						<view class="sfleft">
							<view>临时</view> 
							<van-switch :checked="type2" @change="cebtn(2)"/>
						</view>
						<view class="sfright" v-if="type2==true" @click="cebtn(2)">更换</view>
					</view>
					
					<view class="smontwo" v-if="type2==true&&JSON.stringify(threetap)!='{}'">
						<view class="smleft" >
							<view class="smshang">
								{{threetap.packageName}}
							</view>
								<view class="smxia" v-for="(item1, index1) in threetap.steps" :key="index1+'a3'" v-show="item1.minPower!=item1.maxPower">{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/时</view>
								<view class="smxia" v-for="(item1, index1) in threetap.steps" :key="index1+'a4'" v-show="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元/时</view>
						</view>
						<view class="smright bscolor" v-if="threetap.types=='C1'">计时</view>
					</view>
					
				</view>
			</view>
			<view class="sfour" @click="addcd">
				立即添加
			</view>
			<van-popup :show="wshow" :close-on-click-overlay="false">
				<view class="tannei1">
					<view class="tnhand">
						<view class="tntxt">请选择一个费率</view>
						<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//close.png" @click="wshowclose"></image>
					</view>
					<view class="tnfoot">
							  <view class="montlist">
								  <van-radio-group v-model="radio1" @change='changebtn'>
									  <view class="mont" v-for="(item, index) in alist" :key="index+'7'"  v-if="active==0&&alist.length>0">
										  <view class="montleft">
												  <view v-if="item.types=='B2'">
												  	<view class="montshang">{{item.packageName}}</view>
												  	<view class="montxia">{{item.steps[0].standard}}元/度</view>
												  </view>
												  <view v-if="item.types=='B5'">
												  	<view class="montshang">{{item.packageName}}</view>
												  	<view class="montxia">{{item.steps[0].standard}}元/度</view>
													<view class="montxia">{{item.steps[0].num}}元/度</view>
												  </view>
												  <view v-if="item.types=='B1'">
												  	<view class="montshang">{{item.packageName}}</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'1'" v-if="item1.minPower!=item1.maxPower">
												  		{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/时</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'2'" v-if="item1.minPower==item1.maxPower">
												  		{{item1.minPower}}瓦以上-{{item1.standard}}元/时</view>
												  </view>
												  <view v-if="item.types=='B6'">
												  	<view class="montshang">{{item.packageName}}</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'1'" v-if="item1.minPower!=item1.maxPower">
												  		{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/时</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'2'" v-if="item1.minPower==item1.maxPower">
												  		{{item1.minPower}}瓦以上-{{item1.standard}}元/时</view>
												  </view>
												  <view v-if="item.types=='B3'">
												  	<view class="montshang">{{item.packageName}}</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'1'" v-if="item1.minPower!=item1.maxPower">
												  		{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/次</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'2'" v-if="item1.minPower==item1.maxPower">
												  		{{item1.minPower}}瓦以上-{{item1.standard}}元/次</view>
												  </view>
												  <view v-if="item.types=='B4'">
												  	<view class="montshang">{{item.packageName}}</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'1'" v-if="item1.minPower!=item1.maxPower">
												  		{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}小时</view>
												  	<view class="montxia" v-for="(item1, index1) in item.steps"
												  		:key="index1+'2'" v-if="item1.minPower==item1.maxPower">
												  		{{item1.minPower}}瓦以上-{{item1.standard}}小时</view>
												  </view>
										  </view>
										  <view class="montright">
											  <view class="mrtxt bscolor" v-if="item.types=='B1'">计时</view>
											  <view class="mrtxt blcolor" v-if="item.types=='B2'">计量</view>
											  <view class="mrtxt bccolor" v-if="item.types=='B3'">计次</view>
											  <view class="mrtxt bccolor" v-if="item.types=='B6'">价费分离</view>
											  <view class="mrtxt bccolor" style="color:#ffaa00" v-if="item.types=='B4'">一元</view>
											  <van-radio :name="item.packageId"/>
										  </view>
									  </view>
									  <view v-if="active==0&&alist.length==0" style="margin: 120upx 50upx; color: #007AFF;" @click="gopz">
									  	您目前还未配置费率，点此马上配置；
									  </view>
									  <view class="mont" v-for="(item, index) in clist" :key="index"  v-if="active==2&&clist.length>0">
										  <view class="montleft">
											  <view class="montshang">{{item.packageName}}</view>
											  <view class="montxia" v-for="(item1, index1) in item.steps" :key="index1+'3'" v-if="item1.minPower!=item1.maxPower">{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/时</view>
											  <view class="montxia" v-for="(item1, index1) in item.steps" :key="index1+'4'" v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元/时</view>
										  </view>
										  <view class="montright">
											  <view class="mrtxt bscolor" v-if="item.types=='C1'">计时</view>
											  <van-radio :name="item.packageId"/>
										  </view>
									  </view>
									  <view v-if="active==2&&clist.length==0" style="margin: 120upx 50upx; color: #007AFF;" @click="gopz">
									  	您目前还未配置费率，点此马上配置；
									  </view>
									  <view class="mont" v-for="(item, index) in blist" :key="index+'5'"  v-if="active==1&&blist.length>0">
										  <view class="montleft">
											  
												  <view class="montshang">{{item.packageName}}</view>
												  <view class="montxia" v-if="item.types=='A1'">{{item.monthStandard}}元/月{{item.monthNum}}小时，加油包: {{item.comeStandard}}元{{item.comeNum}}小时</view>
												  <view class="montxia" v-if="item.types=='A3'">{{item.monthStandard}}元/月{{item.monthNum}}次，加油包: {{item.comeStandard}}元{{item.comeNum}}次</view>
											  
										  </view>
										  <view class="montright">
											  <view class="mrtxt bscolor" v-if="item.types=='A1'">包时</view>
											  <view class="mrtxt bccolor" v-if="item.types=='A3'">包次</view>
											  
											  <van-radio :name="item.packageId"/>
										  </view>
									  </view>
									  <view v-if="active==1&&blist.length==0" style="margin: 120upx 50upx; color: #007AFF;" @click="gopz">
									  	您目前还未配置费率，点此马上配置；
									  </view>
								  </van-radio-group>
							  </view>
					</view>
				</view>
			</van-popup>
			
		</view>
	</view>
</template>

<script>
	
	export default {
		components: {},
		mounted() {
			
		},

		data() {
			return {
				showlist:[{name:'常用',type:false},{name:'包月',type:false},{name:'临时',type:false}],
				// checked: false,
				radio2:'0',
				wshow:false,
				active: 0,
				radio1: '',
				projectId:'',
				list:{},//小区详情
				alist:[],//常用费率列表
				blist:[],//包月费率列表
				clist:[],//临时费率列表
				onetap:{},//常用费率数据
				twotap:{},//包月费率数据
				threetap:{},//临时费率数据
				commonId:'',//常用费率套餐id
				monthId:'',//包月费率套餐id
				tmpId:'',//临时费率套餐id
				type0:false,
				type1:false,
				type2:false,
				name:'',//充电区名
				marks:'',//备注信息
				addNew:0,
				ctype:'',//30天包月套餐类型

			}
		},
		onLoad(options) {
			this.projectId=options.projectId
			this.addNew=options.addNew
		},
		onShow() {
			this.main()
			this.wshowclose()
			this.show()
		},
		methods: {
			show(){
				let data={
					type:1
				}
				this.$base.request1('manager/rate/list'+'/'+this.projectId, 'GET',data)
				.then(res => {
					if(res.data.code=='200'){
						this.ctype=res.data.data.rows[0].types
					}else{
						this.$toast.fail(res.data.msg)
					}
				})
				.catch(err => {
					
				})
			},
			//获取某一小区详情和总用户数等信息
			main(){
				let data={
					projectId:this.projectId,
					needProjectMoney:0,
					needProportion:0
				}
				this.$base.request1('manager/project/statistics/', 'GET',data)
					.then(res => {
						this.list=res.data.data
					})
					.catch(err => {
				
					})
			},
			//返回上一页
			blackbtn() {
				uni.navigateBack()
			},
			
			cebtn(vul){
				this.active=vul
				if(vul==0){
					this.type0 = !this.type0
					if(this.type0==true){
						this.wshowopen();
					}
				}else if(vul==1){
					this.type1 = !this.type1
					if(this.type1==true){
						this.wshowopen();
					}
				}else if(vul==2){
					this.type2 = !this.type2
					if(this.type2==true){
						this.wshowopen();
					}
				}
				
			},
			//关闭弹窗
			wshowclose() {
				this.radio1=''
				if(JSON.stringify(this.onetap)=='{}'){
					this.type0 = false
				}
				if(JSON.stringify(this.twotap)=='{}'){
					this.type1 = false
				}
				if(JSON.stringify(this.threetap)=='{}'){
					this.type2 = false
				}
				this.wshow = false
			},
			//打开弹窗
			wshowopen() {
				this.wshow = true
				this.radio1=''
				let data={
					type:this.active
				}
				this.$base.request1('manager/rate/list'+'/'+this.projectId, 'GET',data)
				.then(res => {
					if(this.active==0){
						this.alist=res.data.data.rows
					}else if(this.active==1){
						this.blist=res.data.data.rows
					}else if(this.active==2){
						this.clist=res.data.data.rows
					}
				})
				.catch(err => {
					
				})
			},
			changebtn(event){
				var radio1 = event.detail;
				this.radio1 = radio1;
				this.$base.request1('manager/rate'+'/'+this.radio1, 'GET')
				.then(res => {
					if(this.active==0){
						this.onetap=res.data.data[0]
						this.commonId=this.radio1
					}else if(this.active==1){
						this.twotap=res.data.data[0]
						this.monthId=this.radio1
					}else if(this.active==2){
						this.threetap=res.data.data[0]
						this.tmpId=this.radio1
					}
					this.wshow = false
				})
				.catch(err => {
					
				})
			},
			changeradio2(event){
				var radio2 = event.detail;
				this.radio2 = radio2;
			},
			//添加充电区
			addcd(){
				if (this.type0 == false) {
					this.commonId = ''
					this.onetap = {}
				}
				if (this.type1 == false) {
					this.monthId = ''
					this.twotap = {}
				}
				if (this.type2 == false) {
					this.tmpId = ''
					this.threetap = {}
				}
				if(!this.name){
					uni.showToast({
						title: '充电区名称不能为空',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if(this.radio2=='1'){
					if(this.ctype&&this.ctype!='A4'){
						uni.showToast({
							title: '当前小区包月费率不允许添加包含充电柜的充电区',
							duration: 2000,
							icon: 'none'
						});
						return;
					}
					
				}
				let data={
					commonId:this.commonId,
					monthId:this.monthId,
					tmpId:this.tmpId,
					areaName:this.name,
					marks:this.marks,
					areaType:this.radio2
				}
				// let header={
				// 	'content-type': 'application/json'
				// }
				this.$base.request1('manager/area'+'/'+this.projectId, 'POST',data)
				.then(res => {
					if(res.data.code=='200'){
						uni.setStorageSync('typetwo',1)
						uni.showToast({
							title: '添加成功',
							duration: 2000,
						});
						uni.navigateBack()
					}else{
						uni.showToast({
							title: res.data.msg,
							duration: 2000,
							icon: 'none'
						});
					}
				})
				.catch(err => {
					
				})
			},
			//跳转配置费率页面
			gopz(){
				uni.navigateTo({
					url: '../rate_setting/rate_setting?projectId='+this.projectId,
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;
		overflow-x: hidden;
		.hand{
			width: 100%;
			background-color: #4B98ED;
			height: 62upx;
			font-size: 30upx;
			font-family: PingFang SC Bold, PingFang SC Bold-Bold;
			font-weight: 700;
			text-align: center;
			line-height: 62upx;
			color: #ffffff;
			position: relative;
			image{
				width:22upx;
				height: 39upx;
				position: absolute;
				left: 31upx;
				top: 11upx;
			}
		}
		
		/deep/.van-radio__label{
			font-family: PingFang SC Bold, PingFang SC Bold-Bold;
			font-size: 28upx;
			font-weight: 700;
			color: #333333;
			margin-right: 30upx;
		}
		.show{
			width: 100%;
			box-sizing: border-box;
			//包时字体颜色
			.bscolor{
				color: #F041CC;
			}
			//包次字体颜色
			.bccolor{
				color: #4B98ED;
			}
			//包量字体颜色
			.blcolor{
				color: #4BED79;
			}
			.sone{
				width: 100%;
				height: 250upx;
				background-color: #4b98ED;
				margin-bottom: 38upx;
				position: relative;
				.sonefoot{
					position: absolute;
					width: 686upx;
					height: 200upx;
					border-radius: 8upx;
					box-shadow: 0upx 2upx 9upx 0upx rgba(22,22,22,0.1); 
					background-color: #FFFFFF;
					left: 32upx;
					top:81upx;
					box-sizing: border-box;
					padding: 34upx 21upx;
					.sfshang{
						font-size: 32upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #333333;
						width: 500upx;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
					}
					.sfxia{
						margin-top: 30upx;
						font-size: 28upx;
						font-family: PingFang SC Medium, PingFang SC Medium-Medium;
						font-weight: 500;
						color: #333333;
						line-height: 41upx;
					}
				}
			}
			.stwo{
				width: 100%;
				box-sizing: border-box;
				padding: 28upx 32upx;
				/deep/.van-radio-group{
					display: flex;
				}
				.stwohand{
					font-size: 28upx;
					font-family: PingFang SC Bold, PingFang SC Bold-Bold;
					font-weight: 700;
					color: #333333;
				}
				input{
					width: 100%;
					height: 60upx;
					font-size: 28upx;
					font-family: PingFang SC Medium, PingFang SC Medium-Medium;
					font-weight: 500;
					color: #999999;
					box-sizing: border-box;
					padding: 10upx 30upx;
					border-bottom: 1upx solid #dedede;
					margin-top: 30upx;
				}
				textarea{
					width: 100%;
					height: 100upx;
					font-size: 28upx;
					font-family: PingFang SC Medium, PingFang SC Medium-Medium;
					font-weight: 500;
					color: #999999;
					box-sizing: border-box;
					padding: 10upx 30upx;
					border-bottom: 1upx solid #dedede;
					margin-top: 30upx;
				}
			}
			.sthree{
				width: 100%;
				box-sizing: border-box;
				padding: 0 33upx;
				margin-bottom: 20upx;
				.sthreehand{
					font-size: 28upx;
					font-family: PingFang SC Bold, PingFang SC Bold-Bold;
					font-weight: 700;
					color: #333333;
					
				}
				.sthreefoot{
					width: 686upx;
					// height: 88upx;
					border-radius: 8upx;
					box-shadow: -1upx 4upx 9upx 0upx rgba(66,66,66,0.27);
					margin-top: 20upx;
					.smont{
						width: 100%;
						height: 88upx;
						display: flex;
						justify-content: space-between;
						align-items: center;
						.sfleft{
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							color: #333333;
							align-items: center;
							line-height: 88upx;
							display: flex;
							box-sizing: border-box;
							padding-left: 29upx;
							// margin-top: 16upx;
							/deep/.van-switch{
								margin-left: 16upx;
							}
						}
						.sfright{
							font-size: 24upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							color: #666666;
							margin-right: 23upx;
						}
					}
					.smontwo{
						width: 100%;
						display: flex;
						border-top: 1upx solid #cacaca;
						justify-content: space-between;
						box-sizing: border-box;
						padding: 25upx;
						align-items: center;
						.smleft{
							.smshang{
								font-size: 28upx;
								font-family: PingFang SC Bold, PingFang SC Bold-Bold;
								font-weight: 700;
								color: #333333;
								width: 500upx;
								overflow:hidden;
								text-overflow:ellipsis;
								white-space:nowrap;
								
							}
							.smxia{
								font-size: 24upx;
								font-family: PingFang SC Medium, PingFang SC Medium-Medium;
								font-weight: 500;
								color: #666666;
								margin-top: 20upx;
							}
						}
						.smright{
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							// color: #4b98ed;
						}
					}
				}
			}
			.sfour{
				width: 686upx;
				height: 88upx;
				border-radius: 8upx;
				box-shadow: -1upx 6upx 9upx 0upx rgba(75,152,237,0.3); 
				font-size: 32upx;
				font-family: PingFang SC Bold, PingFang SC Bold-Bold;
				font-weight: 700;
				text-align: left;
				color: #ffffff;
				text-align: center;
				line-height: 88upx;
				margin: 30upx auto;
				background-color: #4B98ED;
			}
			/deep/.van-popup--center {
				border-radius: 16upx!important;
			}
			.tannei1{
				width: 686upx;
				background-color: #FFFFFF;
				
				.tnhand {
					width: 100%;
					height: 64upx;
					background-color: #4B98ED;
					align-items: center;
				
					.tntxt {
						font-size: 24upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #ffffff;
						line-height: 64upx;
						text-align: center;
						position: relative;
					}
				
					image {
						width: 25upx;
						height: 25upx;
						position: absolute;
						top: 19upx;
						right: 18upx;
					}
				}
				.tnfoot{
					
					/deep/.van-tab{
						font-size: 32upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #999999;
					}
					/deep/.van-tab--active{
						font-size: 32upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #4b98ed;
					}
					/deep/.van-tabs__line{
						background-color: #4B98ED!important;
					}
					.montlist{
						width: 100%;
						box-sizing: border-box;
						padding: 0 26upx;
						margin-bottom: 31upx;
						.mont{
							width: 100%;
							box-sizing: border-box;
							display: flex;
							justify-content: space-between;
							align-items: center;
							border-bottom: 1upx solid #e3e3e3;
							padding: 24upx;
							.montleft{
								.montshang{
									width: 400upx;
									overflow:hidden;
									text-overflow:ellipsis;
									white-space:nowrap;
									font-size: 28upx;
									font-family: PingFang SC Bold, PingFang SC Bold-Bold;
									font-weight: 700;
									color: #333333;
								}
								.montxia{
									font-size: 24upx;
									font-family: PingFang SC Medium, PingFang SC Medium-Medium;
									font-weight: 500;
									color: #666666;
									margin-top: 10upx;
								}
							}
							.montright{
								display: flex;								
								.mrtxt{
									margin-right: 20upx;
									margin-bottom: 8upx;
								}
								
							}
						}
					}
				}
			}
		}
		
	}
</style>
